
<!DOCTYPE html>
<html>

	<head>
	<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
	<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta http-equiv="Pragma" content="no-cache">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="format-detection" content="telephone=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<link href="css/bksystem.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href="font/iconfont.css" rel="stylesheet" type="text/css" />
		<link href="css/module.css" rel="stylesheet" type="text/css" />
		<link href="css/pages.css" rel="stylesheet" type="text/css" />
		<title>结构说明</title>
		<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
		<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
		<script src="js/HUpages.js" type="text/javascript"></script>
		<script type="text/javascript">
		function toPage(index){
    		document.getElementById("index").value=index;
    		document.forms[0].submit();
    	}
    	 function clickdel(id) {
    		 if (confirm("删除请点击确认")) {
    			
    			location.href = "Wx.do?id=" + id + "&op=del";
    		}
    	 }
		</script>
	</head>

	<body id="pagestyle" class="backgroundf0">
	<form action="Wx.do?op=show" method="post">
		<input type="hidden" name="index" id="index" value="1">
		<div class="bk-con-message message-section" id="iframe_box">
			<div class="box-module height100b margin0">
				<div class="box-title" style="  font-size: 25px;font-family: '楷体';"><img src="images/users1.png" style=" vertical-align: top;">&emsp;救援服务管理</div>
				<div class="box-content padding15">
					<div class="ptb20"></div>
					<table class="table tab-content table-bordered table_striped border table-hover table-responsive ">
						<thead>
							<tr>
								<th class="text-center" colspan="8" style="text-align: center;">救援管理</th>
							</tr>
						</thead>
						<thead>
							<tr>
								<th class="text-center" >编号</th>
								<th class="text-center" >车牌</th>
								<th class="text-center">车辆类型</th>
								<th class="text-center" >排量</th>
								<th class="text-center" >维修说明</th>								
								<th class="text-center" >维修日期</th>								
								<th class="text-center" >维修费用</th>								
								<th class="text-center" >备注</th>								
								<th class="text-center" >功能</th>
							</tr>
						</thead>
							<c:forEach var="p" items="${mypage.data }">
						<tbody>
							<tr>
								<th class="text-center" >${p.car.id }</th>
								<th class="text-center" >${p.car.carnum }</th>
								<th class="text-center" >${p.car.carname }</th>
								<th class="text-center" >${p.car.carair }</th>
								<th class="text-center" >${p.serviceExp }</th>
								<th class="text-center" >${p.serviceDate }</th>								
								<th class="text-center" >${p.serviceMoney }</th>								
								<th class="text-center">${p.remake }</th>
									<th class="text-center"><a
										href="xl.do?op=toupdate&id=${p.car.id }">修改</a> <a
										href="xl.do?op=del&id=${p.car.id }">删除</a></th>
								</tr>
							</tbody>
						</c:forEach>
					</table>
					<div>
						<a href="javascript:toPage(1);">首页</a> <a
							href="javascript:toPage(${mypage.index-1 });">上一页</a>
						[${mypage.index }/${mypage.total }] <a
							href="javascript:toPage(${mypage.index+1 });">下一页</a> <a
							href="javascript:toPage(${mypage.total });">末页</a>
					</div>
				</div>
			</div>
		</div>
	</form>
</body>

</html>
<script>
	//内页框架
	$(function() {
		$("#pagestyle").Hupage({
			slide: '#breadcrumb',
			scrollbar: function(e) {
				e.niceScroll({
					cursorcolor: "#dddddd",
					cursoropacitymax: 1,
					touchbehavior: false,
					cursorwidth: "3px",
					cursorborder: "0",
					cursorborderradius: "3px",
				});
			},
			expand: function(thisBox, settings) {
				settings.scrollbar(
					$(".box-content").css({
						height: $(window).height() - $('.box-title').outerHeight() - 30
					})
				); //设置当前页滚动样式
			}
		})
	})
</script>